* {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style: none;
}

header {
  width: 7.2rem;
  height: .96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -3;
}

header input {
  width: 6rem;
  height: .6rem;
  border: none;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  padding-left: .19rem;
  background-color: #f7f7f7;
}

header span {
  text-align: center;
  line-height: .72rem;
  display: inline-block;
  height: .6rem;
  width: .72rem;
  background-color: #f7f7f7;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

nav {
  margin-top: .96rem;
  width: 7.2rem;
  display: flex;
  align-items: center;
  height: 10.80rem;
}

nav > ul {
  flex-direction: column;
  height: 10.80rem;
  width: 25%;
  overflow: scroll;
}

nav > ul::-webkit-scrollbar {
  display: none;
}

nav > ul > li {
  position: relative;
  text-align: center;
  width: 100%;
}

nav > ul > li:hover::before {
  display: block;
}

nav > ul > li::before {
  content: "";
  width: .06rem;
  height: .58rem;
  background-color: #ff5934;
  position: absolute;
  left: 0px;
  top: 25%;
  display: none;
}

nav > ul > li > a {
  display: block;
  padding-top: .29rem;
  padding-bottom: .29rem;
  width: 100%;
  font-size: .27rem;
  text-decoration: none;
  color: #666666;
}

nav .nav_right {
  height: 10.85rem;
  padding: 0rem 5%;
  width: 65%;
  overflow-y: scroll;
}

nav .nav_right::-webkit-scrollbar {
  display: none;
}

nav .nav_right > img {
  width: 4.88rem;
  height: 1.46rem;
}

nav .nav_right h5 {
  margin-top: .19rem;
  font-size: .31rem;
  margin-bottom: .38rem;
}

nav .nav_right div div {
  margin-top: .19rem;
  width: 100%;
  height: 1.48rem;
  display: flex;
  background-color: #f8f8f8;
}

nav .nav_right div div > img {
  width: 1.32rem;
  height: 1.32rem;
}

nav .nav_right div div aside {
  width: 1.82rem;
  height: 1.32rem;
  font-size: .25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

nav .nav_right div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

nav .nav_right div ul li {
  margin-bottom: .19rem;
  margin-top: .19rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
}

nav .nav_right div ul li > img {
  width: 1rem;
  height: 1rem;
}

nav .nav_right div ul li a {
  margin-top: .19rem;
  text-decoration: none;
  font-size: .25rem;
  display: block;
  color: #777777;
}

nav .nav_right > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

nav .nav_right > ul li {
  margin-bottom: .19rem;
  margin-top: .19rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
}

nav .nav_right > ul li > img {
  width: 1rem;
  height: 1rem;
}

nav .nav_right > ul li > a {
  margin-top: .19rem;
  text-decoration: none;
  font-size: .25rem;
  display: block;
  color: #777777;
}

nav .nav_right section {
  padding-bottom: .25rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  z-index: 3;
  border-bottom: 1px solid #ebebeb;
}

nav .nav_right section::-webkit-scrollbar {
  display: none;
}

nav .nav_right section a {
  display: block;
  text-decoration: none;
}

nav .nav_right section a:hover a {
  background-color: #efefef;
  color: #000;
}

nav .nav_right section a span {
  width: 2rem;
  font-size: .25rem;
  display: block;
  text-align: center;
  color: #777777;
}

footer {
  height: 1rem;
  width: 7.2rem;
  position: fixed;
  background-color: white;
  bottom: 0px;
  left: 0px;
}

footer ul {
  display: flex;
  align-items: center;
}

footer ul li {
  margin-top: .19rem;
  width: 20%;
  font-size: .25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer ul li a {
  text-decoration: none;
  color: #999999;
}

footer ul li:nth-child(2) a {
  color: #de702a;
}

footer ul img {
  width: .4rem;
  height: .4rem;
}
